<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset="UTF-8">
    <title>KDE桌面美化简单实用版 来自 逗不逗逗逗逗 - 酷安</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
            <link rel="stylesheet" href="//static.coolapk.com/static/web/v8/css/weui.extra.css?v=19012801">
    <link rel="stylesheet" href="//static.coolapk.com/static/web/v8/css/homepage.weui.extra.css?v=1903142">
    <link rel="stylesheet" href="//static.coolapk.com/static/web/v8/weui/1.1.2/weui.min.css">
        <script src="//static.coolapk.com/static/web/v8/weui/1.1.2/weui.js"></script>
    <script src="//static.coolapk.com/static/web/v8/jquery/3.2.1/jquery-3.2.1.min.js"></script>
        <!--  PSWP  -->
    <link rel="stylesheet prefetch" href="//static.coolapk.com/static/web/v8/css/photoswipe.css">
    <link rel="stylesheet prefetch" href="//static.coolapk.com/static/web/v8/css/default-skin/default-skin.min.css">
    <script src="//static.coolapk.com/static/web/v8/js/photoswipe.min.js"></script>
    <script src="//static.coolapk.com/static/web/v8/js/photoswipe-ui-default.min.js"></script>
</head>
<body data-uid="0" data-request-app="Web" data-request-hash="7c722e81qrlsja" style="margin: 0;;">
<div id="header">
    <div class="main">
        <a href="/">
            <span id="header-logo" style="display: flex;justify-content: left;align-items: center;"><img style="height: 35px;margin-right: 10px;" src="//static.coolapk.com/static/web/v8/images/header-logo.png" alt=""><span>酷安</span></span>
        </a>
        <ul>
<!--            <li id="navbar-homepage"><a href="/">首页</a></li>-->
<!--            <li id="navbar-apk"><a href="/apk/">应用</a></li>-->
<!--            <li id="navbar-game"><a href="/game/">游戏</a></li>-->
<!--            <li id="navbar-market"><a href="/apk/com.coolapk.market?from=navbar">酷安手机APP</a></li>-->
<!--            <li id="navbar-contact"><a href="/about/contact.html">联系酷安</a></li>-->
<!--            <li id="navbar-about"><a href="/about/about.html">关于酷安</a></li>-->
        </ul>

        <a id="header-developer" href="https://developer.coolapk.com/?from=navbar"><span>酷安开发者平台</span></a>
    </div>
</div>
<script>
    var pathname = window.location.pathname;
    if (pathname.indexOf('/apk/com.coolapk.market') == 0) {
        document.getElementById('navbar-market').classList.add('header-active');
    } else if (pathname.indexOf('/apk') == 0) {
            document.getElementById('navbar-apk').classList.add('header-active');
    } else if (pathname.indexOf('/game') == 0) {
        document.getElementById('navbar-game').classList.add('header-active');
    } else if (pathname.indexOf('/about/contact') == 0) {
        document.getElementById('navbar-contact').classList.add('header-active');
    } else if (pathname.indexOf('/about/about') == 0) {
        document.getElementById('navbar-about').classList.add('header-active');
    } else if (pathname.indexOf('/feed') == 0) {

    } else {
        document.getElementById('navbar-homepage').classList.add('header-active');
    }
</script>

<div id="feed-main">
    <div class="content">
        <div class="mobile-display mobile-header">
            <div class="mobile-header-content">
                <div class="left-part">
                    <img src="//static.coolapk.com/static/web/v8/img/header-logo.png" alt="">
                    <div class="text-group">
                        <span class="title">酷安APP</span>
                        <span class="sub-title">发现科技新生活</span>
                    </div>
                </div>
                <div class="right-part">
                    <a href="javascript:;" onclick="weixinDownload();">点击下载</a>
                </div>
            </div>
        </div>
        <div id="feed-detail">
                        <div class="message-cover">
    <img src="http://image.coolapk.com/feed/2021/0415/09/1878349_398fdf7f_9552_8029@1600x719.jpeg" alt="" style="width: 100%;">
</div>
<div class="message-title" style="margin: 0 16px;padding-top: 16px;">
    <p style="font-size: 20px;color: #333333;font-weight: bold;">KDE桌面美化简单实用版</p>
</div>
<div class="common-userinfo-group" style="display: flex;justify-content: space-between;margin: 0 16px;padding-top: 16px;">
    <div class="userinfo-item" style="display: flex;flex-direction: row;width: 100%;">
        <div class="avatar-item" style="height: 32px;width: 32px;">
            <img src="http://avatar.coolapk.com/data/001/87/83/49_avatar_middle.jpg?1617945504" alt="" style="width: 100%;height: 100%;border-radius: 50%;margin-top: 4px;">
        </div>
        <div class="username-item" style="margin-left: 8px;">
            <p style="color: #212121;font-size: 15px;line-height: 150%;">逗不逗逗逗逗</p>
            <p style="color: #BDBDBD;font-size: 12px;line-height: 150%;">10小时前&nbsp;<span  style="padding-left: 15px;background: url() no-repeat; background-size: contain">Redmi K30i</span></p>
        </div>
    </div>
    <div class="userinfo-follow-button">
        <a href="javascript:;" onclick="toApp()">关注</a>
    </div>
</div>

<div class="feed-article-message" style="margin: 16px;">
                        <p style="font-size: 16px;color: #212121;margin: 10px 0;">前些日子发了个KDE桌面的动态，有位老哥看到之后说出个美化教程吧。我思考了一下美化的过程，不是很难，就决定记录一下我的KDE桌面美化日志：<br />
最终的效果图展示如下：</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_9ff46e0b_9552_8031@1920x1080.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">效果图1</p>
                                            <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_79479b6b_9552_8033@1920x1080.jpeg.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">效果图2</p>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">教程主要分为4步，下面详细展开：<br />
<br />
1：更换图标以及更换主题<br />
<br />
其实当你更换了一个图标之后你就会发现，我靠，这桌面颜值怎么就突然一下提升了。KDE桌面更换图标有很多方式，以下会介绍一些方式：<br />
<br />
(1):在系统设置中更换<br />
<br />
如图：</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_c43534b7_9552_8034@1182x831.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">kde设置里更换图标</p>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">点击获取新图标主题之后看看心水哪个图标就下载哪个，因为网络问题，下载的速度会稍慢，耐心等待即可。我使用的图标是Tela，如下图，感觉这套图标很像以前Flyme的图标，心水。</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_3b45d0da_9552_8036@790x768.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">设置里下载图标</p>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">最后再使用刚刚下载好的图标即可。<br />
<br />
(2):在kde商店里面下载，网址是这个：<a class="feed-link-url" href="https://store.kde.org/find?search=Tela" title="https://store.kde.org/find?search=Tela" target="_blank" rel="nofollow">查看链接</a><br />
<br />
跳转到心仪的图标的网页后，在网页的右侧有download或install按钮，可以借助ocs-url工具安装图标，更方便些<!--break-->，具体过程朋友们可以bing搜索一下。</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_efd37825_9552_8038@391x844.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">在网页版kde商店里下载图标</p>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">接下来就是更换主题的方法了，我的主题风格是微风，设置方法如下图：</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_80fbe83c_9552_804@1179x830.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">设置里更换主题</p>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">这个主题和微风的风格类似，我个人习惯性把它说成微风。老哥们可以更换图标或主题风格直到自己满意为止。<br />
<br />
2：更换字体<br />
<br />
更换了图标之后桌面的颜值已经提高很多了，更换一个更合适的字体可以让桌面颜值再提高一个级别。KDE更换字体也很方便，直接在系统里面安装更换即可，见下图：</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_a5467019_9552_8042@1210x830.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">设置里安装字体</p>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">安装好字体之后再更换一下：</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_db7a7f9a_9552_8043@1211x829.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">更换字体</p>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">我使用的字体是类似类似Mac OS里的默认字体，下载链接如下：<br />
<br />
链接: <a class="feed-link-url" href="https://pan.baidu.com/s/1BUr4c1IXmF222i_YJc9Lgw" title="https://pan.baidu.com/s/1BUr4c1IXmF222i_YJc9Lgw" target="_blank" rel="nofollow">查看链接</a> 提取码: pshc<br />
<br />
3：桌面插件的设置<br />
<br />
截至上一步，你的桌面颜值已经提升很多了，接下来的设置仅仅是个人习惯<!--break-->，老哥们自行选配。<br />
<br />
我们返回到桌面：<br />
<br />
在状态栏面板上面右键，然后点击编辑面板，不知道为什么这里不可以截图，老哥们自行摸索。然后调整状态栏面板的高度和位置调到合适为止：</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_41e02fec_9556_7666@1238x110.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">调整状态栏边缘位置及高度</p>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">因为我们等会要使用latte-dock提供的dock替换状态栏面板的任务管理器，所以这里将任务管理器部件删除。</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_00373bc7_9556_7668@561x199.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">删除自带的任务管理器小部件</p>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">接着我们往状态栏面板上面添加一些小部件，右键状态栏面板，点击添加小部件<br />
<br />
添加如图中的小部件：全局菜单、系统负载、Netspeed Widget（这里不知为何无法截图，如果上面的小部件找不到的话，可以在部件选择界面的下方点击获取新部件，然后下载。）</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_e7833b9f_9556_767@339x598.jpeg.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">添加的小部件的名称及效果图</p>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">还有一个需要注意的地方就是要在全局菜单那里添加一个空白间距，否则下次开机时你会发现你的状态栏小部件的位置变乱了。<br />
<br />
最终的效果图以及设置空白间距的截图如下：</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_8fb515ae_9556_7671@1920x111.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">最后是状态栏部件的一些细节调整：<br />
<br />
首先是时间小部件：<br />
<br />
在状态栏时间小部件上面右键，然后点击配置数字时钟，这里还是无法截图，大伙自行摸索。最后我的设置是这样的：</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_5bff2ca9_9556_7673@1013x808.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">设置数字时钟样式</p>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">可以将这里的字体设置成刚刚安装的字体，这样系统主题风格更统一一些。</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_72fb6187_9556_7675@257x148.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">程序启动器的图标是可以更换的</p>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">这里的程序启动器的图标可以更换，在程序启动器小部件上面右键，然后点击配置程序启动器：</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_29c54422_9556_7677@1015x813.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">更换图标的方法</p>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">单击图标图片，然后选择一个你心水的图片，你也可以添加本地图片，只需如下设置：</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_b6142dea_9556_7679@519x571.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">选择本地图标的方法</p>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">4：latte-dock的安装<br />
<br />
这个软件可以提供类似Mac OS里面的dock栏功能，不同的发行版安装软件的方式不一样，软件安装之后的效果如下：</p>
                                <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_e29aae97_9556_768@697x199.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">dock栏效果图1</p>
                                            <div class="message-image-item" style="width: 100%;margin: 10px 0;">
                <img class="message-image" src="http://image.coolapk.com/feed/2021/0415/09/1878349_2b4d2705_9560_1753@733x193.png.m.jpg" alt="" style="width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;">
            </div>
                            <p style="color: #BDBDBD;font-size: 14px;text-align: center;margin-top: -12px;">dock栏效果图2</p>
                                            <p style="font-size: 16px;color: #212121;margin: 10px 0;">最后推荐一些好用的软件：<br />
<br />
- Typora:一款编辑markdown文档的软件，本文就是通过这款软件编辑的。<br />
- YesPlayMusic：网易云音乐第三方播放器网址如下：<a class="feed-link-url" href="https://github.com/qier222/YesPlayMusic" title="https://github.com/qier222/YesPlayMusic" target="_blank" rel="nofollow">查看链接</a><!--break--><br />
<br />
如果本篇图文能让你有多一点对KDE桌面的了解的话，就点个赞收个藏之后再走吧。<br />
这次的图文就到这里啦，小伙伴们拜了个拜！</p>
            </div>
<script>
    var options = {
        fullscreenEl: false,
        pinchToClose: true,
        tapToClose: true,
        showHideOpacity:true,
        getThumbBoundsFn:false,
        shareButtons: [
            {id:'download', label:'保存原图', url:'{{raw_image_url}}', download:true}
        ],
        index: 0
    };
    function getImageWidthAndHeight(imgElement) {
        var image = new Image();
        image.src = imgElement.src;
        var object = {};
        object.width = image.width;
        object.height = image.height;
        return object;
    }
    var innerWidth = window.innerWidth;
    if (innerWidth > 1000) {
        innerWidth = 600;
    }
    var messageImageItemArr = document.getElementsByClassName('message-image-item');
    var messageImageArr = document.getElementsByClassName('message-image');
    window.addEventListener("load", function (ev) {
        if (messageImageItemArr.length > 0) {
            Array.prototype.forEach.call(messageImageItemArr, function (element, i) {
                messageImageArr[i].addEventListener('click', function (ev1) {
                    var pswpElement = document.getElementsByClassName('pswp')[0];
                    var items = [];
                    for (var $i=0;$i<messageImageArr.length;$i++) {
                        var $object = {
                            src: messageImageArr[$i].src,
                            w: getImageWidthAndHeight(messageImageArr[$i]).width,
                            h: getImageWidthAndHeight(messageImageArr[$i]).height
                        };
                        items.push($object)
                    }
                    options.index = i;
                    var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
                    gallery.init();
                });
            });
            for(var i=0;i<messageImageItemArr.length;i++) {
                // 多图情况下宽高比为1/1
                messageImageArr[i].style.maxWidth = innerWidth - 32 + 'px';
            }
        }
    });
</script>
<div class="feed-status" style="display: flex;justify-content: space-around;padding: 10px 0;border-top: 1px solid #F5F5F5;margin-top: 10px;border-bottom: 8px solid #F5F5F5;">
    <div class="feed-like"><a style="padding-left: 20px;background-image: url();-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;color: #757575;">5</a></div>
    <div class="feed-reply">
        <a style="padding-left: 20px;background-image: url();-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;color: #757575;">6</a>
    </div>
    <div class="feed-favorite">
        <a style="padding-left: 20px;background-image: url();-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;color: #757575;">3</a>
    </div>
</div>
                        <div class="feed-hot-reply">
        <div class="hot-reply-footer" style="border-top: 1px solid #F5F5F5;padding: 15px;">
        <a class="app-open" href="javascript:;" onclick="toApp();">
            <p style="font-size: 14px;color: #0f9d58;text-align: center;">打开酷安App，查看全部评论</p>
        </a>
    </div>
    </div>

            <!-- PSWP -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="pswp__bg"></div>
    <div class="pswp__scroll-wrap">
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>
        <div class="pswp__ui pswp__ui--hidden">
            <div class="pswp__top-bar">
                <div class="pswp__counter"></div>
                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                <button class="pswp__button pswp__button--share" title="Share"></button>
                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                        <div class="pswp__preloader__cut">
                            <div class="pswp__preloader__donut"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div>
            </div>
            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>
            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>
            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>
        </div>
    </div>
</div>
        </div>
        <div class="mobile-footer-content mobile-display">
            <p></p>
        </div>
        <div class="fixed-button mobile-display">
            <div class="footer-button">
                <a class="app-open" href="javascript:;" onclick="toApp()">App 内打开</a>
            </div>
        </div>
    </div>
    <div id="sidebar">
        <div class="download-group">
            <div class="sidebar-logo-group">
                <div class="sidebar-logo-item">
                    <img src="//static.coolapk.com/static/web/v8/img/header-logo.png" alt="">
                </div>
                <p>
                    <span class="title">酷安APP</span><br>
                    <span class="sub-title">发现科技新生活</span>
                </p>
            </div>
            <div class="qrCode-group">
                <img src="/qr/image?data=base64:aHR0cDovL3d3dy5jb29sYXBrLmNvbS9mZWVkLzI2MzIxMTY1P3NoYXJlS2V5PVl6WmhNbVUzWldNeVlUWmhOakEzTnpsbVpEY34mc2hhcmVVaWQ9NjM0NDA3JnNoYXJlRnJvbT1jb20uY29vbGFway5hcHBfMy4xLjE~&h=cfe2ebf9" alt="扫码下载APP">
            </div>
            <p class="qrcode-title">扫码用酷安打开</p>
            <div class="download-button-group">
<!--                <a href="/qr/download?type=android"><img src="//static.coolapk.com/static/web/v8/img/android_white.png" alt="立即下载"></a>-->
<!--                <a href="/qr/download?type=ios"><img src="//static.coolapk.com/static/web/v8/img/iphone_white.png" alt="立即下载"></a>-->
                <a href="javascript:;"><img src="//static.coolapk.com/static/web/v8/img/android_white.png" alt="立即下载"></a>
                <a href="javascript:;"><img src="//static.coolapk.com/static/web/v8/img/iphone_white.png" alt="立即下载"></a>
            </div>
            <p class="link-title">
                - 欢迎关注我们 -
            </p>
            <div class="follow-group">
                <a href="javascript:;" id="weixin" onmouseover="weixin();" onmouseleave="leaveWeixin();" style="position: relative;">
                    <img class="follow-logo" src="//static.coolapk.com/static/web/v8/img/weixin.png" alt="">
                    <img id="weixin_qrcode" src="//static.coolapk.com/static/web/v8/img/weixin_qrcode.png" alt="">
                </a>
                <a href="https://weibo.com/coolapk" target="_blank">
                    <img class="follow-logo" src="//static.coolapk.com/static/web/v8/img/weibo.png" alt="">
                </a>
                <a href="https://www.zhihu.com/org/ku-an-wang" target="_blank">
                    <img class="follow-logo" src="//static.coolapk.com/static/web/v8/img/zhihu.png" alt="">
                </a>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        var device = navigator.userAgent.toLowerCase();
        if (device.indexOf('android') > 0 && device.indexOf('chrome') > 0 && device.indexOf('micromessenger') <= 0 && device.indexOf('mqqbrowser') <= 0 && device.indexOf('status') <= 0) {
            $('.app-open').removeAttr('onclick');
            $('.app-open').attr('href', 'intent://www.coolapk.com/feed/26321165#Intent;scheme=coolmarket;package=com.coolapk.market;end');
        }
        if (device.indexOf('iphone') > 0 || device.indexOf('ipad') > 0) {
            $('.app-open').css('display', 'none');
        }
    });
    toApp=function (){//封装个跳转app的方法
        var device = navigator.userAgent.toLowerCase();
        var config = {
            //scheme:必须要有，与app里的配置scheme一致
            scheme_IOS: 'https://www.coolapk.com/qr/download?type=ios',
            scheme_Adr: 'coolmarket://feed/26321165',
            timeout: 1000
        };

        if (device.indexOf('micromessenger') > 0 || (device.indexOf('mqqbrowser') > 0 && device.indexOf('status') > 0)) {
            if (device.indexOf('iphone') > 0 || device.indexOf('ipad') > 0) {
                window.location.href = 'https://www.coolapk.com/qr/download';
            } else {
                window.location.href = 'https://www.coolapk.com/qr/weixin?redirectUrl=' + encodeURIComponent(window.location.href);
            }
        }

        function openApp() {
            var startTime = Date.now();
            var ifr = document.createElement('iframe');
            ifr.src = device.indexOf('android') > 0 ? config.scheme_Adr : config.scheme_IOS;
            ifr.style.display = 'none';
            document.body.appendChild(ifr);
            var time = setTimeout(function() {
                document.body.removeChild(ifr);
                var endTime = Date.now();
                if ((!startTime || endTime - startTime < 2040) && device.indexOf('micromessenger') <= 0) {
                    showDialog('dialog1');
                }
            }, 1000);

            window.onblur = function() {
                clearTimeout(time);//清楚定时器
            }
        }
        openApp();
    };

    function weixinDownload() {
        var device = navigator.userAgent.toLowerCase();
        if (device.indexOf('micromessenger') > 0) {
            if (device.indexOf('iphone') > 0 || device.indexOf('ipad') > 0) {
                window.location.href = 'https://www.coolapk.com/qr/download';
            } else {
                // window.location.href = 'https://www.coolapk.com/qr/weixin?redirectUrl=' + encodeURIComponent('https://www.coolapk.com/apk/com.coolapk.market?from=navbar');
                window.location.href = 'https://a.app.qq.com/o/simple.jsp?pkgname=com.coolapk.market';
            }
        } else {
            window.location.href = '/qr/download';
        }
    }

    function weixin() {
        document.getElementById('weixin_qrcode').style.display = 'block';
    }
    function leaveWeixin() {
        document.getElementById('weixin_qrcode').style.display = 'none';
    }
</script>
<div id="dialog">
    <div class="js_dialog" id="dialog1" style="opacity: 0; display: none;">
        <div class="weui-mask"></div>
        <div class="weui-dialog weui-skin_android">
            <div class="weui-dialog__bd">
                更多功能，丰富内容，尽在酷安APP
            </div>
            <div class="weui-dialog__ft">
                <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default" onclick="hideDialog('dialog1')">取消</a>
                <a href="/qr/download" class="weui-dialog__btn weui-dialog__btn_primary" onclick="hideDialog('dialog1')">下载APP</a>
<!--                <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary" onclick="hideDialog('dialog1')">下载APP</a>-->

            </div>
        </div>
    </div>
</div>
<script>
    function hideDialog(id) {
        var $andirodDialog = document.getElementById(id);
        $andirodDialog.style.opacity = 0;
        $andirodDialog.style.display = 'none';
    }
    function showDialog(id) {
        var $andirodDialog = document.getElementById(id);
        $andirodDialog.style.opacity = 1;
        $andirodDialog.style.display = 'block';
    }
</script>
<script type="text/javascript">
// stat script 1
</script>

<div style="display:none">
<!-- stat script 2 -->
</div>
<div id="footer" style="margin-top: 20px;z-index: 10;">
    <div class="content">
        <div class="footer-left">
            <div class="icon-group">
                <div class="footer-logo-box">
                    <img src="//static.coolapk.com/static/web/v8/images/header-logo.png" alt="">
                </div>
                <div class="footer-text-box" style="margin-left: 20px;">
                    <p class="title">酷安APP</p>
                    <p class="sub-title">发现科技新生活</p>
                </div>
            </div>
            <div class="footer-navbar">
                <ul>
                    <li><a class="first" href="/about/about.html">关于酷安</a></li>
                    <li><a href="/about/contact.html">联系合作</a></li>
                    <li><a href="/about/jobs.html">加入我们</a></li>
                    <li><a href="/about/copyright.html">版权声明</a></li>
<!--                    <li><a href="/apk/com.coolapk.market?from=footer">酷安APP</a></li>-->
                    <li><a href="javascript:;">酷安APP</a></li>
                    <li><a class="last" href="https://developer.coolapk.com?from=footer">酷安开发者平台</a></li>
                </ul>
            </div>
            <div class="footer-info">
                <p>Copyright © 2010-2019 酷安网, All Rights Reserved.</p>
                <p><a href="http://www.beian.miit.gov.cn" target="_blank" style="color: #999">粤ICP备15030494号-2</a> | 粤网文 [2016] 2468-477号 | 粤IAS备 201704260017 | 粤B2-20180425</p>
                <p><img src="//static.coolapk.com/static/web/v8/images/beian.png" alt="">&nbsp;粤公网安备44030502000719号</p>
            </div>
        </div>
        <div class="footer-right">
            <div class="footer-qrcode-box">
                <img src="/qr/image?data=base64:aHR0cHM6Ly93ZWliby5jb20vdS8xNzQ2NTIzOTc0&h=514f5cf8" alt="">
                <p>酷安微博</p>
            </div>
            <div class="footer-qrcode-box">
                <img src="/qr/image?data=base64:aHR0cDovL3dlaXhpbi5xcS5jb20vci9IQ2s4SlBMRWpLLXpyYlpIOTN3Tw~~&h=5aac8427" alt="">
                <p>酷安公众号</p>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript">
    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F7132d8577cc4aa4ae4ee939cd42eb02b' type='text/javascript'%3E%3C/script%3E"));
</script>
</html>

